<template>
  <div> 
    <div>div元素</div>
   <p>{{  receiveData.name }}</p>
   <p>{{ receiveData.age }}</p>
  </div>
</template>
<script>
import { toRefs,toRef } from "vue";
export default {
    setup(props) {
        // console.log(props);
        const {data:receiveData} = toRefs(props);
        console.log(receiveData);
    return {
      data
    };
  },
};
</script>
<style scoped>
</style>